<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>webpack5</title>
</head>
<body>
    <h1>Hello Webpack5</h1>
    <div class="box1"></div>
    <div class="box2"></div>
    <div class="box3"></div>
    <div class="box4"></div>
    <div class="box5"></div>
    <!-- 使用字体图标 -->
    <i class="iconfont icon-aixin"></i>
    <i class="iconfont icon-bianji"></i>
    <i class="iconfont icon-caidan"></i>
</body>
<!-- 这行运行不会成功，浏览器不认识import -->
<!-- <script src="../src/main.js"></script> -->
<!-- 这行运行会成功 -->

<!-- 下面这行不用写了，因为配置了HtmlWebpackPlugin，这样有多个js,或者js路径发生变化也没关系 -->
<!-- 使用了HtmlWebpackPlugin之后，可以以这个html文件为模板，在dist文件夹生成一个新的html文件 -->
<!-- <script src="../dist/static/js/main.js"></script> -->

</html>